<template>
	<!-- <view class="phone-wrap">
		<view class="login-head u-text-center">
			<image src="../../static/image/logo.svg" style="width: 136rpx; height: 136rpx;"></image>
			<view class="u-font-32 u-m-t-40" style="color: #333;">欢迎来到我爱我屋</view>
		</view>
		<button open-type='getPhoneNumber' @getphonenumber='getphonenumber' class="weixin-login u-m-b-50 u-felx u-text-center u-col-center u-font-32">
			{{txtFlag?'切换手机号':'绑定手机号'}}
		</button>
		<u-divider>实名认证后绑定手机号可用于登录助业平台</u-divider>
	</view> -->
	<view>
		<view class="all">
			<view class="text-title">
				<image class="image" src="../../static/image/logins.png" mode=""></image>
				<view class="login-title">助业业主</view>
				<view class="login-title2">欢迎登录助业平台</view>
				<!-- <view class="text" style="font-weight: bold;">
					欢迎登录助业业主平台
				</view> -->
			</view>
			<view>
				<u-form :model="form" ref="uForm" class="login_form">
					<u-form-item label="" label-position="top"
						v-if="type == 1 || type == 11 || type == 12 || type == 14 || type == 15 || type == 3"
						prop="mobile">
						<image style="width: 40rpx; height: 40rpx; margin-right: 30rpx"
							src="../../static/image/shoujihao.png"></image>
						<u-input v-model="form.mobile" type="number" placeholder="请输入手机号"
							@input="handleMobile('inp')" />
					</u-form-item>
					<!-- <u-form-item label="" label-position="top" v-else prop="mobile">
						<u-input v-model="form.mobile" type='number' placeholder="请输入手机号码" />
						<view slot="right" v-if="!isSend" class="code" @click="sendSms()">获取验证码</view>
						<view right v-if="isSend" class="is-send">{{leftLife}}秒后重发</view>
					</u-form-item> -->
					<text v-if="mobileShow" style="font-size: 24rpx; color: #f55959">{{ mobileText }}</text>
					<u-form-item label="" label-position="top" v-if="type == 1 || type == 11 || type == 14"
						prop="password">
						<image style="width: 40rpx; height: 40rpx; margin-right: 30rpx"
							src="../../static/image/mima.png"></image>
						<u-input v-model="form.password" type="password" placeholder="请输入密码" />
					</u-form-item>
					<u-form-item label="" label-position="top" v-if="type == 12 || type == 15 || type == 3" prop="code">
						<u-input v-model="form.code" @input="handleCode" placeholder="请输入验证码" />
						<view slot="right" v-if="!isSend" class="code" @click="sendSms()">获取验证码</view>
						<view right v-if="isSend" class="is-send">{{ leftLife }}秒后重发</view>
					</u-form-item>
					<text v-if="codeShow" style="font-size: 24rpx; color: #f55959">{{ codeText }}</text>
					<view class="" v-if="type == 13" style="color: #999999">
						{{ form.mobile }}，您的身份是
						<text style="color: #59a204">业主</text>
					</view>
					<u-form-item label="" label-position="top" v-if="type == 3" prop="password">
						<u-input v-model="form.password" type="password" placeholder="请输入新密码" />
					</u-form-item>
					<u-form-item label="" label-position="top" v-if="type == 3" prop="surePassword">
						<u-input v-model="form.surePassword" @input="handleSurePassword" type="password"
							placeholder="请确认新密码" />
					</u-form-item>

					<u-form-item label="" label-position="top" v-if="type == 4 || type == 13 || type == 15" prop="name">
						<u-input v-model="form.name" @input="handleName" placeholder="请输入姓名" />
					</u-form-item>
					<text v-if="nameShow" style="font-size: 24rpx; color: #f55959">{{ nameText }}</text>

					<!-- <u-form-item label="" label-position="top" v-if="type == 3" prop="surePassword">
						<u-input v-model="form.surePassword" placeholder="请确认新密码" />
					</u-form-item> -->

					<u-form-item label="" label-position="top" v-if="type == 4 || type == 13 || type == 15"
						prop="identityCard">
						<u-input v-model="form.identityCard" @input="handleIdentityCard" placeholder="请输入身份证号码" />
					</u-form-item>
					<text v-if="identityCardShow" style="font-size: 24rpx; color: #f55959">{{ identityCardText }}</text>

					<u-form-item label="" label-position="top" v-if="type == 4 || type == 13 || type == 15"
						prop="password">
						<u-input v-model="form.password" type="password" @input="handlePassword" placeholder="请输入密码" />
					</u-form-item>
					<text v-if="passwordShow" style="font-size: 24rpx; color: #f55959">{{ passwordText }}</text>
					<u-form-item label="" label-position="top" v-if="type == 4 || type == 13 || type == 15"
						prop="surePassword">
						<u-input v-model="form.surePassword" @input="handleSurePassword" type="password"
							placeholder="请确认新密码" />
					</u-form-item>
					<text v-if="surePasswordShow" style="font-size: 24rpx; color: #f55959">{{ surePasswordText }}</text>
					<!-- <u-form-item label="" label-position="top" v-show="type != 1">
						<u-input v-model="form.code" placeholder="请输入验证码" />
					</u-form-item> -->
				</u-form>
				<view @tap="radioChange" style="
						display: flex;
						line-height: 26px;
						margin-top: 80rpx;
						font-size: 14px;
						justify-content: center;
						color: #999;
					" v-if="type !== 13 && type !== 15 && type !== 3">
					<radio color="#59A204" :checked="isChecked" style="transform: scale(0.6)"></radio>
					<view>同意</view>
					<view class="tui-color-primary" style="color: #59a204" hover-class="tui-opcity"
						:hover-stay-time="150" @tap.stop.prevent="navToAgreen(1)">
						《用户服务协议》
					</view>
					和
					<view class="tui-color-primary" style="color: #59a204" hover-class="tui-opcity"
						:hover-stay-time="150" @tap.stop.prevent="navToAgreen(2)">
						《隐私政策》
					</view>
				</view>
				<view @click="handleMobile('log')" class="phone-logo" v-if="type == 1 || type == 2">登录</view>
				<view class="phone-logo" @click="login()" v-if="type == 3">确认密码</view>
				<view class="phone-logo" @click="login()" v-if="type == 4">确认注册</view>
				<view class="phone-logo" @click="handleBind('BindIdentity')" v-if="type == 11">绑定身份</view>
				<view class="phone-logo" @click="handleBind('VerifyMobileNumber')" v-if="type == 12">验证手机号</view>
				<view class="phone-logo" @click="handleBind('ConfirmBinding')" v-if="type == 13">确认绑定</view>
				<view class="phone-logo" @click="handleBind('RegisteredMember')" v-if="type == 14">注册会员</view>
				<view class="phone-logo" @click="handleBind('ConfirmRegistration')" v-if="type == 15">确认注册</view>
				<!-- <view class="text-zhu" v-if="type != 3 && type != 4" @click="typeChange(4)">
					用户注册
				</view> -->
				<view style="color: #9a9a9a; width: 100%; font-size: 12px; margin-top: 20px"
					v-if="type !== 12 && type !== 13 && type !== 15 && type !== 3">
					<view style="font-weight: bold; float: left">注意：</view>
					<view style="display: flex">
						助业网、员工端、业主端的会员属于同步状态，在任意一端有账户可直接登录不必重复注册。
					</view>
				</view>
				<view
					style="display: flex; font-size: 12px; justify-content: space-evenly; margin-top: 20px; width: 100%"
					v-if="type !== 12 && type !== 13 && type !== 15 && type !== 3">
					<view style="color: #59a204" @click="handleBind('RegisteredMember')">注册会员</view>
					<view style="color: #cccccc">|</view>
					<view style="color: #59a204" @click="handleBind('BindIdentity')">绑定身份</view>
					<view style="color: #cccccc">|</view>
					<view style="color: #9a9a9a" @click="typeChange(3)">
						{{ type != 3 && type != 4 ? '找回密码' : '' }}
					</view>
				</view>
				<view style="
						display: flex;
						font-size: 12px;
						justify-content: space-evenly;
						margin-top: 20px;
						width: 100%;
						text-align: center;
						padding-bottom: 40px;
					" v-if="type !== 12 && type !== 13 && type !== 15 && type !== 3">
					<view style="color: #9a9a9a">提示：首次进入的业主、住户、租户请先绑定身份后再进行登录</view>
				</view>
				<view style="display: flex; font-size: 12px; justify-content: center; margin-top: 80rpx" @click="
						() => {
							type = 1
							codeShow = false
							nameShow = false
							identityCardShow = false
							passwordShow = false
							surePasswordShow = false
						}
					" v-if="type == 12 || type == 13 || type == 15 || type == 3">
					<view style="color: #59a204">返回登陆</view>
				</view>
				<!-- <view class="btn-two">
					<view class="find-pwd" @click="typeChange(3)">{{type != 3 && type != 4 ? '找回密码' : ''}}</view>
					<view class="code-login" style="color: #417505;" @click="typeChange(2)" v-if="type == 1">验证码登录</view>
					<view class="code-login" @click="typeChange(1)" v-if="type == 2">密码登录</view>
					<view class="code-login" @click="typeChange(1)" v-if="type == 3 || type == 4">返回登录</view>
				</view> -->
				<view class="text-zhu">
					<!-- #ifdef APP-PLUS -->
					<image @click="wxLogin" style="width: 35px; height: 35px; bottom: 20px" class="forget"
						src="../../static/image/wxLogin.jpg"></image>
					<!-- #endif -->
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				isChecked: false, // 同意隐私政策的单选按钮
				// txtFlag: false,
				form: {
					mobile: '',
					code: '',
					// account: '',
					password: '',
					surePassword: '',
					name: '',
					// surePwd:"",
					identityCard: '',
					logotype: 1,
				},
				isSend: false,
				leftLife: 60,
				type: 1, //1、密码登录 2、验证码登录 3、找回密码  4、注册
				rules: {
					// 字段名称
					mobile: [{
							required: true,
							message: '请输入手机号',
							trigger: ['change', 'blur']
						},
						{
							// 自定义验证函数，见上说明
							validator: (rule, value, callback) => {
								// 上面有说，返回true表示校验通过，返回false表示不通过
								// this.$u.test.mobile()就是返回true或者false的
								return this.$u.test.mobile(value)
							},
							message: '手机号码不正确',
							trigger: ['change', 'blur']
						}
					],
					password: [{
						required: true,
						message: '请填写密码',
						trigger: ['change', 'blur']
					}],
					surePassword: [{
							required: true,
							message: '请填写确认密码',
							trigger: ['change', 'blur']
						},
						{
							validator: (rule, value, callback) => {
								return this.$u.test.contains(value, form.password)
							},
							message: '必须跟密码是一致'
						}
					],
					code: [{
						required: true,
						message: '请填写验证码',
						trigger: ['change', 'blur']
					}],
					name: [{
						required: true,
						message: '请填写姓名',
						trigger: ['change', 'blur']
					}],
					identityCard: [{
						required: true,
						message: '请填写身份证',
						trigger: ['change', 'blur']
					}]
				},
				wx_openid: null,
				wxLogins: null,
				mobileShow: false,
				mobileText: '手机号码不正确',
				codeShow: false,
				codeText: '验证码不正确',
				nameShow: false,
				nameText: '姓名不正确',
				identityCardShow: false,
				identityCardText: '身份证号不正确',
				passwordShow: false,
				passwordText: '密码不正确',
				surePasswordShow: false,
				surePasswordText: '确认密码不正确'
			}
		},
		onReady() {
			this.$refs.uForm.setRules(this.rules);
		},
		onShow() {
			this.txtFlag = uni.getStorageSync('changePhone')
		},
		methods: {
			radioChange() {
				this.isChecked = !this.isChecked
			},
			navToAgreen(type) {
				if (type == 1) {
					uni.navigateTo({
						url: '/pages/setUp/agreement'
					})
				} else {
					uni.navigateTo({
						url: '/pages/setUp/privacy'
					})
				}
			},
			handleMobile(val) {
				if (this.type == 15 || this.type == 12 || this.type == 3) {
					console.log(this.type)
				} else {
					this.type = 1
				}
				this.mobileShow = false
				if (this.form.mobile.length == 11) {
					this.mobileShow = false
					// this.type = 14;
					this.getOwnerLog(val)
				}
				if (val == 'log') {
					this.login()
				}
			},
			getOwnerLog(val) {
				this.$request.api
					.isOwnerLogRoleByPhone({
						loginPhone: this.form.mobile
					})
					.then((resp) => {
						if (resp.data.code == 0) {
							if (resp.data.data.data == '1') {
								this.mobileShow = true
								this.mobileText = resp.data.msg
								this.type = 11
							}
							if (resp.data.data.data == '2') {
								this.mobileShow = true
								this.mobileText = resp.data.msg
								this.type = 14
							}
							if (resp.data.data.data == '0') {
								this.mobileShow = false
							}
						} else {
							this.mobileShow = true
							this.mobileText = resp.data.msg
						}
					})
				if (val == 'log') {
					this.login()
				}
			},
			handleCode() {
				this.codeShow = false
			},
			handleName() {
				this.nameShow = false
			},
			handleIdentityCard() {
				this.identityCardShow = false
			},
			handlePassword() {
				this.passwordShow = false
			},
			handleSurePassword() {
				this.surePasswordShow = false
			},
			handleBind(type) {
				console.log(type)
				if (type == 'RegisteredMember') {
					this.mobileShow = false
					this.type = 15
					this.form.code = ''
					this.codeShow = false
					this.form.name = ''
					this.form.identityCard = ''
					this.form.password = ''
					this.form.surePassword = ''
					this.nameShow = false
					this.identityCardShow = false
					this.passwordShow = false
					this.surePasswordShow = false
				}
				if (type == 'ConfirmRegistration') {
					if (this.form.mobile == '' || this.form.mobile == null || this.form.mobile == undefined) {
						this.mobileText = '手机号码不能为空'
						this.mobileShow = true
						return
					}
					if (this.form.code == '' || this.form.code == null || this.form.code == undefined) {
						this.codeText = '验证码不能为空'
						this.codeShow = true
						return
					}
				}
				if (type == 'BindIdentity') {
					this.mobileShow = false
					this.type = 12
					this.form.code = ''
					this.codeShow = false
				}
				if (type == 'VerifyMobileNumber') {
					if (this.form.mobile == '' || this.form.mobile == null || this.form.mobile == undefined) {
						this.mobileText = '手机号码不能为空'
						this.mobileShow = true
						return
					}
					if (this.form.code == '' || this.form.code == null || this.form.code == undefined) {
						this.codeText = '验证码不能为空'
						this.codeShow = true
						return
					}
					this.type = 13
					this.form.name = ''
					this.form.identityCard = ''
					this.form.password = ''
					this.form.surePassword = ''
					this.nameShow = false
					this.identityCardShow = false
					this.passwordShow = false
					this.surePasswordShow = false
				}
				if (type == 'ConfirmBinding' || type == 'ConfirmRegistration') {
					this.mobileShow = false
					if (this.form.name == '' || this.form.name == null || this.form.name == undefined) {
						this.nameText = '姓名不能为空'
						this.nameShow = true
						return
					}
					if (
						this.form.identityCard == '' ||
						this.form.identityCard == null ||
						this.form.identityCard == undefined
					) {
						this.identityCardText = '身份证不能为空'
						this.identityCardShow = true
						return
					}
					if (this.form.password == '' || this.form.password == null || this.form.password == undefined) {
						this.passwordText = '密码不能为空'
						this.passwordShow = true
						return
					}
					if (
						this.form.surePassword == '' ||
						this.form.surePassword == null ||
						this.form.surePassword == undefined
					) {
						this.surePasswordText = '确认密码不能为空'
						this.surePasswordShow = true
						return
					}
					if (this.form.surePassword !== this.form.password) {
						this.surePasswordText = '两次密码不一致，请重新输入'
						this.surePasswordShow = true
						return
					}
					this.login()
					this.nameShow = false
					this.identityCardShow = false
					this.passwordShow = false
					this.surePasswordShow = false
				}
			},
			wxLogin() {
				if (this.isChecked == false) {
					uni.showToast({
						title: '请阅读并同意《用户协议与隐私政策》',
						duration: 2000,
						icon: 'none'
					})
					return
				}
				uni.getProvider({
					service: 'oauth',
					success: (res) => {
						console.log(res.provider)
						//支持微信、qq和微博等
						if (~res.provider.indexOf('weixin')) {
							uni.login({
								provider: 'weixin',
								success: (loginRes) => {
									console.log(loginRes.authResult.openid)
									//根据openId校验该用户是否微信授权登录过
									//有直接走登录接口 无提示用户进行账号密码登录绑定该微信
									this.$request.api
										.isOpenIds({
											openId: loginRes.authResult.openid //微信openId
										})
										.then((resp) => {
											if (resp.data.data.codes === -1) {
												// this.wx_openid = resp.data.data.openId;
												uni.showToast({
													icon: 'none',
													title: '该微信还未绑定账号,请登录进行后进行绑定'
												})
											} else {
												alert(1)
												return;
												uni.request({
													url: 'https://admin.515f.com/api/api/sys/sys_login',

													//url: 'http://192.168.101.162:8900/api/sys/sys_login',

													method: 'POST',
													data: {
														loginName: resp.data.data
															.user_tel,
														loginPwd: resp.data.data
															.user_pwd,
														wxLogins: 'dsadsa',
														openIds: this.openId,
														logotype: 1,
													},
													success: (res) => {
														console.log(res,'=====001')
														if (res.data.status === 200) {
															console.log(res,'====登录信息')
															this.wxLogins = null
															this.wx_openid = null
															uni.setStorageSync(
																'rawData', res
																.data.data.user
															)
															uni.setStorageSync(
																'phone', res
																.data.data.user
																.userTel)
															uni.setStorageSync(
																'loginFlag',
																true)
															uni.showToast({
																title: res
																	.data
																	.msg,
																duration: 2000,
																icon: 'none'
															})
															uni.navigateBack({
																delta: 1
															})
														} else {
															uni.showToast({
																title: res
																	.data
																	.msg,
																duration: 2000,
																icon: 'none'
															})
															return
														}
													}
												})
											}
										})
								}
							})
						}
					}
				})
			},

			// 改变type值
			typeChange(num) {
				this.type = num
				this.form = {
					mobile: '',
					code: '',
					password: '',
					surePassword: '',
					name: '',
					identityCard: ''
				}
				this.nameShow = false
				this.identityCardShow = false
				this.passwordShow = false
				this.surePasswordShow = false
				this.codeShow = false
				this.mobileShow = false
				this.isSend = false
				this.clearCut()
				this.leftLife = 60
			},
			// 登录
			login() {
				console.log(this.form)
				console.log(this.type)
				if (this.type === 1) {
					if (this.form.mobile == '' || this.form.mobile == null) {
						this.mobileText = '手机号码不能为空'
						this.mobileShow = true
						return
					}
					if (this.form.mobile.length !== 11) {
						this.mobileText = '请输入正确的手机号码'
						this.mobileShow = true
						return
					}
					console.log(this.isChecked)
					if (this.isChecked == false) {
						uni.showToast({
							title: '请阅读并同意《用户协议与隐私政策》',
							duration: 2000,
							icon: 'none'
						})
						return
					}
					this.$refs.uForm.validate((valid) => {
						if (valid) {
							// return
							this.$request.api.pwdLogin({
								loginName: this.form.mobile,
								loginPwd: this.form.password,
								wxLogins: this.wxLogins,
								openIds: this.wx_openid,
								logotype: 1,
							}).then((res) => {
								console.log(res, '{{{{{{}}}}}}--',res.data.data.uuid)
								if (res.data.status === 200) {
									console.log(res)

									this.wxLogins = null
									this.wx_openid = null

									uni.setStorageSync('rawData', res.data.data.user)
									uni.setStorageSync('phone', res.data.data.user.userTel)
									uni.setStorageSync('uuid', res.data.data.uuid)
									uni.setStorageSync('loginFlag', true)
									uni.showToast({
										title: res.data.msg,
										duration: 2000,
										icon: 'none'
									})
									uni.navigateBack({
										delta: 1
									})
								} else {
									uni.showToast({
										title: res.data.msg,
										duration: 2000,
										icon: 'none'
									})
									return
								}
							})
						} else {
							uni.showToast({
								title: '请填写完整',
								duration: 2000,
								icon: 'none'
							})
							return
						}
					})
				} else {
					if (this.form.mobile == '') {
						uni.showToast({
							title: '请填写手机号',
							duration: 2000,
							icon: 'none'
						})
						return
					}
					if (this.form.code == '') {
						uni.showToast({
							title: '请填写验证码',
							duration: 2000,
							icon: 'none'
						})
						return
					}
					this.$request.api
						.checkSms({
							mobile: this.form.mobile,
							mailCode: this.form.code
						})
						.then((res) => {
							console.log(res)
							if (res.data.status === 200) {
								// 验证码登录
								if (this.type === 2) {
									// this.$refs.uForm.validate(valid => {
									// 	if (valid) {
									this.$request.api
										.telLogin({
											code: this.form.code,
											mobile: this.form.mobile
										})
										.then((res) => {
											if (res.data.status === 200) {
												console.log(res, '验证码登录')
											} else {
												uni.showToast({
													title: res.data.msg,
													duration: 2000,
													icon: 'none'
												})
												return
											}
										})
									// } else {
									// 	uni.showToast({
									// 		title: '请填写完整',
									// 		duration: 2000,
									// 		icon: 'none'
									// 	})
									// 	return;
									// }
									// });
								} else if (this.type === 3) {
									// 找回密码
									console.log('找回密码')
									if (this.form.password == '' || this.form.surePassword == '') {
										uni.showToast({
											title: '请填写完整信息',
											duration: 2000,
											icon: 'none'
										})
										return
									}
									if (this.form.password !== this.form.surePassword) {
										uni.showToast({
											title: '密码请保持一致',
											duration: 2000,
											icon: 'none'
										})
										return
									}
									// this.$refs.uForm.validate(valid => {
									// 	if (valid) {
									this.$request.api
										.pwdFindTel({
											...this.form
										})
										.then((res) => {
											if (res.data.status === 200) {
												console.log(res, '找回密码')
												this.type = 1
											} else {
												uni.showToast({
													title: res.data.msg,
													duration: 2000,
													icon: 'none'
												})
												return
											}
										})
									// 	} else {
									// 		uni.showToast({
									// 			title: '请填写完整',
									// 			duration: 2000,
									// 			icon: 'none'
									// 		})
									// 		return;
									// 	}
									// });
								} else if (this.type === 4 || this.type === 15 || this.type === 13) {
									// 注册
									// this.$refs.uForm.validate(valid => {
									// 	if (valid) {
									if (this.form.name == '' || this.form.identityCard == '' || this.form.password ==
										'') {
										uni.showToast({
											title: '请填写完整信息',
											duration: 2000,
											icon: 'none'
										})
										return
									}
									this.$request.api
										.register({
											...this.form
										})
										.then((res) => {
											if (res.data.status === 200) {
												console.log(res, '注册')
												this.type = 1
												this.form.password = this.form.password
												uni.showToast({
													title: '注册成功',
													duration: 2000,
													icon: 'success'
												})
											} else {
												uni.showToast({
													title: res.data.msg,
													duration: 2000,
													icon: 'none'
												})
												return
											}
										})
									// 	} else {
									// 		uni.showToast({
									// 			title: '请填写完整',
									// 			duration: 2000,
									// 			icon: 'none'
									// 		})
									// 		return;
									// 	}
									// });
								}
							} else {
								uni.showToast({
									title: res.data.msg,
									duration: 2000,
									icon: 'none'
								})
								return
							}
						})
				}
			},

			sendSms() {
				if (!this.form.mobile) {
					uni.showToast({
						icon: 'none',
						title: '请输入手机号'
					})
					return
				}
				this.$request.api
					.sendSms({
						mobile: this.form.mobile
					})
					.then(
						(res) => {
							this.isSend = true
							this.clearCut()
							this.leftLife = 60
							this.cut()
							// this.code = res.code
							uni.hideLoading()
						},
						(err) => {
							uni.hideLoading()
							uni.showToast({
								title: err.errorMessage,
								duration: 2000,
								icon: 'none'
							})
							return
						}
					)
			},

			cut() {
				this.cutDown = setInterval((e) => {
					if (this.leftLife > 0) {
						this.leftLife--
					} else {
						this.clearCut()
						this.isSend = false
					}
				}, 1000)
			},
			clearCut() {
				clearInterval(this.cutDown)
			}
		}
	}
</script>

<style lang="scss">
	.all {
		width: 100vw;
		// padding: 80rpx 70rpx 0rpx 70rpx;
		padding: 80px 25px 0 25px;

		.login_form {

			::v-deep.uni-input-input {
				padding-left: 20rpx;
			}
		}


		.text-title {
			font-size: 32rpx;
			font-weight: 500;
			color: #333333;
			margin-bottom: 40rpx;
			text-align: center;

			.image {
				width: 120rpx;
				height: 120rpx;
			}

			.text {
				margin-top: 20rpx;
			}
		}

		.login-title {
			height: 50rpx;
			font-size: 36rpx;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			color: #417505;
			line-height: 50rpx;
			text-align: center;
			width: 100%;
			margin-top: 48rpx;
			font-weight: 700;
		}

		.login-title2 {
			height: 50rpx;
			font-size: 32rpx;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			color: #333333;
			line-height: 50rpx;
			text-align: center;
			width: 100%;
			margin-top: 50rpx;
			color: orange;
		}

		.code {
			font-size: 24rpx;
			font-weight: 500;
			color: #666666;
		}

		.phone-logo {
			height: 100rpx;
			background: linear-gradient(180deg, #76d904 0%, #417505 100%);
			border-radius: 50rpx;
			font-size: 32rpx;
			font-weight: 500;
			color: #ffffff;
			text-align: center;
			line-height: 100rpx;
			margin-top: 41rpx;
		}

		.btn-two {
			margin-top: 44rpx;
			margin-bottom: 42rpx;
			display: flex;
			justify-content: space-between;

			.find-pwd {
				font-size: 24rpx;
				color: #cccccc;
			}

			.code-login {
				font-size: 24rpx;
				color: #f9a832;
			}
		}

		.text-zhu {
			margin-top: 120rpx;
			text-align: center;
			font-size: 24rpx;
			color: #999999;
		}
	}

	// 验证符号隐藏
	::v-deep .u-form-item--left__content--required {
		opacity: 0;
	}
</style>